<template>
  <Modal
    :visible="visible"
    closable
    okText="我已知晓"
    @ok="closeModal"
    title="提交成功"
    cancelText=" "
    @cancel="closeModal"
  >
    <div class="gray-desc-text">
      <p>1.请移步<a @click="redirectToDomainConfig">应用域名管理</a>,查看域名证书配置状态</p>
      <p>2.若证书更新成功,请确认租户控制台应用及其他业务应用均可登录成功</p>
    </div>
  </Modal>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { Modal } from 'ant-design-vue';
import { router } from '../../../../router/index';

const visible = ref<boolean>(false);

const openModal = () => {
  visible.value = true;
};
const closeModal = () => {
  visible.value = false;
};

const redirectToDomainConfig = () => {
  router.push('/systemMgmt/appDomainMgmt');
};

defineExpose({
  openModal,
  closeModal,
});
</script>

<style lang="less" scoped></style>
